<template>
  <div>
    <h1>Item2</h1>
    <img class="icon" :src="imgIcon" alt="" />
    <img class="icon" :src="imgIcon" alt="" />
    <img class="icon" :src="imgIcon" alt="" />
    <img class="icon" :src="imgIcon" alt="" />
    <img class="icon" :src="imgIcon" alt="" />
  </div>
</template>

<script lang="ts">
import _ from "lodash";
import imgIcon from "@assets/1.jpg";
import { getDate, testBigFile } from "../common/utils";

interface Info {
  name: string;
  age: number;
}

export default {
  data() {
    return {
      imgIcon,
    };
  },
  created() {
    console.log(getDate());
    const handler = _.debounce(() => {
      console.log(222);
    }, 500);
    window.addEventListener("resize", handler);
  },
};
</script>

<style scoped lang="less">
.icon {
  width: 500px;
  height: 500px;
}
</style>
